BMI 計算のテンプレをつくってみる

https://gyazo.com/30b871cf5eeba47d01a8aa79da3f4290

BMI計算表(成人用)です。身長、体重を入力するとBMIなどを出力します。

製作工程の簡単な説明

まずは、入力する領域作成が必要です。入力フィールドを作成します。

目的とする題名

入力に必要な項目

出力される項目

検算できるような参照項目

参考文献

上記を配置します。

視線移動と入力順序に違和感のないようにオブジェクトの配置を行います。

入力：身長 → 体重

出力：BMIを確認

クリアボタンで入力情報を消去

この順番で左上から右下へ配置します。

関数を用いた計算式をいれていきます。今回は裏で計算するシートを作成せず、シート上で計算させています。そのため、エラーの表示が出力された場合には表示しないようにしたり、途中の計算式が見えないように非表示やフォントの色を背景色と同じにします。

https://gyazo.com/7892c236eab082387b4c0a0dc3af01ab

サイトメニュー